网页编程工具：EditPlus-白红宇

网页编程工具：EditPlus

阅读量：4310 次

发布时间：2019-06-06

本文共 3755 字，大约阅读时间需要 12 分钟。

字体：Consolas

EditPlus，很土很简单很强大的网页编程工具

　　下载

　　轻量级代码编辑器Editplus

Zen Coding

Zen Coding是一个快速HTML/XML/XSL/CSS快速编码的编辑器插件。通过一系列的缩写和规范来快速的创建代码。

　　Editplus中Zen Coding手册　　

div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer

按Ctrl+E展开

自定义设置（自用）

文本——背景色：RGB：218,233,250　　#dae9fa

当前行——背景色：RGB：166，202，240　　#a6caf0

行号——背景色：RGB：192，220，192　　　　行号——文本颜色：RGB：0，128，0

标尺——背景色：RGB：192，220，192　　　　标尺——文本颜色：RGB：0，0，128

文件——在保存文件时创建备份（此项取消）

Tools -> Preferences -> File -> Create backup file when saving （把此选项取消，就不会创建.bak文件了）

Tools -> Preferences -> （选html）Func Pattern里填写： function[ \t]+[0-9a-zA-Z_]+[ \t]*\([ \t]*\) -----这样就可以使用Ctrl+F11查看函数列表了。

Tools -> Preferences -> Tab/Indent 将Tab和Intent都改为4，勾选“Insert spaces instead of tab”（使用空格代替tab）----（这个我不用）

参考阅读：

　　配置EditPlus支持Shell语法高亮和自动补全

http://zhidao.baidu.com/link?url=cq1ICBg8B-qtlIskr6KHKlQ3HcR-Hcl2w9Wkg5Vv_mcp8cuVfeKoIBocs438mdzv29hSSw_CIReTC3SrcTHzYK 　　EditPlus 编辑器如何自动补全

EditPlus颜色设置：

背景色：218，233，250　　　　　　　　　　　　#dae9fa

当前行（ACTIVE）：166，202，240　　　　　　 #a6caf0

行号：（背景色）192，220，192　　#c0dcc0　　　　（字的颜色）0，128，0　　#008000

标尺：（背景色）192，220，192　　#c0dcc0　　　　（字的颜色）0，0，128　　#000080

模板（自用）

1、template.html

^!

自动补齐设置（自用）： C:\Users\cyx\AppData\Roaming\EditPlus 3\htmlbar.acp 　　2016-6-28

自动补齐的意思，就是按 <style ，再按空格，自动补齐代码：

</style>

#TITLE=HTML#CASE=n#T=^!#T=^!#T=^!#T=
^!
#T=
^!
#T=
^!
#T=
^!
#T=
^!
#T=
^!
#T=
^!
#T=^!#T=#T=
           
            
                 ^!
            
#T=
            ^!#T=^!
#T=
              #T=
              
                   
                ^!
    
                
               
#T=
               
                    
                 ^!
    
                 
                
#T=
                
                     
                  
    
                  
                   ^!
                  
                 
#T=
                 
                 
                                                              ^!                                          
                  
                 
#T=
                 
                      ^!
                 
#T=
                 &lt;iframe id="" width='100%' height='100%' frameborder='no' scrolling='auto' src='^!'&gt;#T=
                 #T=
                 #T=
                 
                 #T=RADIO
                 #T=CHECKBOX
                 #T=TEXTAREA
                 ^!#T=RESET
                 #T=SUBMIT
                 #T=PASSWORD
                 #T=HIDDEN
                 #T=BUTTON
                 #T=